<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Libros</title>

        <style>
           body {
                width: 960px;
                margin: 40px auto;
                height:100%;
                font-size:14px;
                color:black;
                font-family:Arial, Helvetica, sans-serif;
                background-color: #708090;
            }
        </style>

    </h:head>

    <h:body>


        <h:form>

            <p:growl id="growl" showDetail="true" sticky="true"/>

            <p:panel id="panel" header="#{msg.alta_libro}">
                <p:focus context="panel"/>


                <table>
                    <tr>
                        <td>
                    <h:outputText  value="#{msg.isbn}:*" />
                    </td>
                    <td>
                    <p:inputText id="isbn" value="#{libroControlador.libroseleccionado.isbn}" required="true" title="Introduzca un ISBN valido" />
                    <p:message for="isbn" />
                    <p:tooltip for="isbn" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>
                    <tr>
                        <td>
                    <h:outputText value="#{msg.titulo}:*"/>
                    </td>
                    <td>
                    <p:inputText id="titulo" value="#{libroControlador.libroseleccionado.titulo}" required="true" title="Titulo del libro"/>
                    <p:message for="titulo" />
                    <p:tooltip for="titulo" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>
                    <tr>
                        <td>
                    <h:outputText  value="#{msg.autor}:*"/>
                    </td>
                    <td>
                    <p:inputText id="autor" value="#{libroControlador.libroseleccionado.autor}" required="true" title="Autor del libro"/>
                    <p:message for="autor" />
                    <p:tooltip for="autor" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>
                    <tr>
                        <td>
                    <h:outputText value="#{msg.editorial}:*" />
                    </td>
                    <td>
                    <p:inputText id="editorial" value="#{libroControlador.libroseleccionado.editorial}" required="true" title="Editorial "/>
                    <p:message for="editorial" />
                    <p:tooltip for="editorial" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>
                    <tr>
                        <td>
                    <h:outputText value="#{msg.genero}:*"/>
                    </td>
                    <td>

                    <p:selectOneMenu id="genero" value="#{libroControlador.generoSeleccionado}" effect="clip" required="true" var="p">
                       <f:selectItem itemLabel="#{msg.select}"/>
                       <f:selectItems value="#{libroControlador.generos}" var="gen"
	 	      	  itemLabel="#{gen.genero}" itemValue="#{gen.genero}"/>
                    </p:selectOneMenu>
                    </td>
                    </tr>



                    <tr>
                        <td>
                    <h:outputText  value="#{msg.t_cd}:*"/>
                    </td>
                    <td>
                    <p:inputText id="tieneCD" value="#{libroControlador.libroseleccionado.tieneCD}" title="introduzca SI o NO"  maxlength="2" />
                    <p:tooltip for="tieneCD" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>

                    <tr>
                        <td>
                    <h:outputText value="imagen"/>
                        </td>
                        <td>
                        <p:inputText value="#{libroControlador.libroseleccionado.imagen}" />
                        </td>
                    </tr>
                    
                    <tr>
                        <td>
                    <h:outputText value="Precio"/>
                        </td>
                        <td>
                            <p:inputText value="#{libroControlador.libroseleccionado.precio}" />
                        </td>
                    </tr>
                    
                    <tr>
                        <td>
                    <h:outputText value="Cantidad"/>
                        </td>
                        <td>
                            <p:inputText value="#{libroControlador.libroseleccionado.cantidad}" />
                        </td>
                    </tr>


                    <tr>
                        <td>
                    <h:outputText  value="#{msg.a_publicacion}:"/>
                    </td>
                    <td>
                    <p:calendar id="anoPublicacion" value="#{libroControlador.libroseleccionado.anoPublicacion}" navigator="true" locale="es" yearRange="c-800 :c+2" required="true" title="Año de publicacion del libro"/>
                    <p:message for="anoPublicacion" />
                    <p:tooltip for="anoPublicacion" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>

                    <tr>
                        <td>
                    <h:outputText value="#{msg.sintesis}:*"/>
                    </td>
                    <td>
                    <p:inputTextarea style="width:300px;height:100px;" id="content" value="#{libroControlador.libroseleccionado.content}" autoResize="true" required="true" title="Breve descripcion del contenido del libro"/>
                    <p:message for="content" />
                    <p:tooltip for="content" showEvent="focus" hideEvent="blur" />
                    </td>
                    </tr>
                    <tr>
                        <td>
                    <p:commandButton value="#{msg.crear_nuevo}"  ajax="false" action="irCrearLibro" update="growl"/>
                    <p:commandButton value="#{msg.resetear}" type="reset"/>
                    </td>
                    </tr>
                </table>

            </p:panel>
        </h:form>

        <p:panel header="Genre">

        <h:form>
                    <h:outputText value="#{msg.genre}" />
                    <p:inputText value="#{libroControlador.generoToAdd}" required="true"/>
                    <p:commandButton value="#{msg.crear_nuevo}"  ajax="false" action="irAddGenero" update="growl"/>
        </h:form>

            </p:panel>
        <h:outputLink value="/index.html">#{msg.inicio}</h:outputLink>

    </h:body>

</html>